<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>云度微信</title>

<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<load href="__PUBLIC__/css/bootstrap.min.css" />
<load href="__PUBLIC__/css/font-awesome.min.css" />

<!--[if IE 7]>
	<load href="__PUBLIC__/css/font-awesome-ie7.min.css" />
<![endif]-->

<!-- fonts -->

<load href="__PUBLIC__/css/jquery-ui-1.10.3.full.min.css" />
<load href="__PUBLIC__/css/ace-fonts.css" />


<load href="__PUBLIC__/css/ace.min.css" />
<load href="__PUBLIC__/css/ace-rtl.min.css" />
<load href="__PUBLIC__/css/ace-skins.min.css" />

<!--[if lte IE 8]>
	<load href="__PUBLIC__/css/ace-ie.min.css" />
<![endif]-->


<load href="__PUBLIC__/js/ace-extra.min.js" />

<!--[if lt IE 9]>
<load href="__PUBLIC__/js/html5shiv.js" />
<load href="__PUBLIC__/js/respond.min.js" />
<![endif]-->
</head>
<script type="text/javascript">
	window.jQuery || document.write("<script src='__PUBLIC__/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
</script>

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='__PUBLIC__/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

<body>
<div class="navbar navbar-default" id="navbar">

    <div class="navbar-container" id="navbar-container">
        <div class="navbar-header pull-left">
            <a href="#" class="navbar-brand">
                <small>
                    <i class="icon-leaf"></i>
                    云度微信---安装程序
                </small>
            </a>
        </div>
    </div>
</div>
<div class="container">
	<div class="row-fluid">
	<div class="span12">
		<div class="widget-box">
			<div class="widget-header widget-header-blue widget-header-flat">
				<h4 class="lighter">安装向导</h4>
			</div>

			<div class="widget-body">
				<div class="widget-main">
					<div id="fuelux-wizard" class="row-fluid" data-target="#step-container">
						<ul class="wizard-steps">
							<li data-target="#step1" class="active">
								<span class="step">1</span>
								<span class="title">环境检测</span>
							</li>

							<li data-target="#step2" class="active">
								<span class="step">2</span>
								<span class="title">程序设置</span>
							</li>

							<li data-target="#step3" class="active">
								<span class="step">3</span>
								<span class="title">安装程序</span>
							</li>

						</ul>
					</div>

					<hr />
					<div class="step-content row-fluid position-relative" id="step-container">
						<div class="step-pane " id="step1">
							<div class="row-fluid">
								

								
							</div>
						</div>

						<div class="step-pane" id="step2">
							<div class="row-fluid">
							</div>
						</div>

						<div class="step-pane active" id="step3">
							<div class="center">
								<h3 class="blue lighter">正在安装,请稍后...</h3>
							</div>
							<div id="show-list" class="install-database">
   							</div>
						</div>

						<div class="step-pane" id="step4">
							<div class="center">
								<h3 class="green">恭喜你.安装完成</h3>
							</div>
						</div>
					</div>

					<hr />
					<div class="row-fluid wizard-actions">
						<div class="alert alert-danger">
							<strong><a href="{:U('Member/Public/login')}" >所有提示安装成功之后请进入首页</a></strong>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


<div>
</div>


<script type="text/javascript">
    var list   = document.getElementById('show-list');
    function showmsg(msg, classname){
        var li = document.createElement('p'); 
        li.innerHTML = msg;
        classname && li.setAttribute('class', classname);
        list.appendChild(li);
        document.scrollTop += 30;
    }
</script>
</body>
</html>
